<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<style>
	body,html,.container{
		margin:0px;
		height:100%;
	}
	.hei_wid{
		width:100%;
		height: 100%;
	}
	.match_height{
		height: 100%;
	}
	.row_pdadding{
		padding:10xp 0;
	}
	.width1{
		width:10px;
	}
	.width2{
		width:40px;
	}
	.table_margin{
		margin-top: 20px;
	}
	.layui-table{
		text-align: center;
	}
	.layui-table td{
		font-size: 16px !important;
	}
	.layui-table thead{
		font-weight: bold !important;
	}
</style>
<body>
	<div class="container">
		<div class="layui-fluid" style="padding: 0;">
			<div class="row">
				<%@ include file="../../../basic/common/lay_top.jsp"%>
			</div>
		</div>
		<div class="row hei_wid">
			<div class="layui-col-md2 match_height">
				<%@ include file="../../../basic/system/lay_system_left.jsp"%>
			</div>
			<div class="layui-col-md10 ">
				<!-- 标题行 -->
				<div class="row table_margin">
					<div class="layui-col-md2 layui-col-md-offset1">
						<h1>员工信息</h1>
					</div>
					<div class="layui-col-md2 layui-col-md-offset7">
						<button class="layui-btn layui-btn-normal">新增</button>
						<button class="layui-btn layui-btn-danger">删除</button>
					</div>
				</div>
				<div class="row">
					<div class=""></div>
				</div>
				<!-- 表体行 -->
				<div class="row ">
					<table class="layui-table tab_font_size" lay-skin="line">
						<thead>
							<tr>
								<td class="width1"><input type="checkbox" class="check_table"></td>
								<td class="width2">序号</td>
								<td>姓名</td>
								<td>公司</td>
								<td>部门</td>
								<td>是否停用</td>
								<td>操作</td>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td class="width1"><input type="checkbox" class="check_line"></td>
								<td class="width2">1</td>
								<td>韦城</td>
								<td><a class="layui-elip">厦门邑通软件科技</a></td>
								<td>人工智能应用中心</td>
								<td>否</td>
								<td>
									<button class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon" style="font-size: 30px; color: black;">&#xe642;</i>编辑</button>
									<button class="layui-btn layui-btn-danger layui-btn-sm"><i class="layui-icon" style="font-size: 30px; color: black;">&#xe640;</i>删除</button>
								</td>
							</tr>
							<tr>
								<td class="width1"><input type="checkbox" class="check_line"></td>
								<td class="width2">2</td>
								<td>韦城</td>
								<td>厦门邑通软件科技</td>
								<td>人工智能应用中心</td>
								<td>否</td>
								<td>
									<button class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon" style="font-size: 30px; color:black;">&#xe642;</i>编辑</button>
									<button class="layui-btn layui-btn-danger layui-btn-sm"><i class="layui-icon" style="font-size: 30px; color: black;">&#xe640;</i>删除</button>
								</td>
							</tr>
						</tbody>
					</table>
				</div>
				<!-- 表尾行 -->
				<div class="row">
					
				</div>
			</div>
		</div>
	</div>
	<script>
	layui.use(['layer','form','element','datatable','jquery'],function(args){
		var layer=layui.layer,form=layui.form,element=layui.element,datatable=layui.datatable,$=layui.jquery;
	})
		//全选/全不选
		$(".check_table").on('click',function(){
			var ischecked=$(this).prop("checked");
			if(ischecked){
				$(".check_line").each(function(){
					$(this).prop("checked",true);
				})
			}else{
				$(".check_line").each(function(){
					$(this).prop("checked",false);
				})
			}
		})
	</script>
</body>
</html>